<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>千园千变，万班万课</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/admin.css">
    <link rel="stylesheet" href="assets/css/app.css">
    <link rel="stylesheet" href="assets/css/add_panel.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">

    <!-- 引入播放器 css 文件 -->
    <link href="//cloudcache.tencent-cloud.com/open/qcloud/video/tcplayer/tcplayer.css" rel="stylesheet">
    <!-- 如需在IE8、9浏览器中初始化播放器，浏览器需支持Flash并在页面中引入 -->
    <!--[if lt IE 9]>
    <script src="//cloudcache.tencent-cloud.com/open/qcloud/video/tcplayer/ie8/videojs-ie8.js"></script>
    <![endif]-->
    <!-- 如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 HLS 格式的视频，需要在 tcplayer.v4.1.min.js 之前引入 hls.min.0.13.2m.js -->
    <script src="//imgcache.qq.com/open/qcloud/video/tcplayer/libs/hls.min.0.13.2m.js"></script>
    <!-- 引入播放器 js 文件 -->
    <script src="//imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.v4.1.min.js"></script>
    <!-- 示例 CSS 样式可自行删除 -->
</head>
<body data-type="generalComponents">
<div class="tpl-portlet-components" id="classCourse">
    <div class="portlet-title">
        <ol class="am-breadcrumb">
            <li><a href="#" class="am-icon-home">首页</a></li>
            <li><a href="/index/data/studentList/">学生管理</a></li>
            <li class="am-active">添加学生</li>
        </ol>
    </div>
    <div class="tpl-block  new_add_panel">
        <h3 class="title"><span>每周计划</span><font id="weakItem"></font></h3>
        <form class="am-form-inline operate_bar"  role="form">
            <div class="am-form-group">
                <label class=" am-form-label">定制体质改善系列课</label>
                <select name="school_class_id" data-am-selected="{btnSize: 'null'}">
                    <option value=""   selected>请选择班级</option>
                </select>
                <button type="submit" class="am-btn am-btn-success  am-radius" id="searchBtn"><i class="am-icon-search"></i> 查看课程 </button>
            </div>
        </form>
        <div class="week_content am-g">
            <div class="am-u-sm-12  am-u-md-12 animation_class" id="weekContent">
                <div class="tips_content">
                    <h2> <font>*</font> 操作步骤：</h2>
                    <p>1、选择要查看体质改善课程的班级。</p>
                    <p>2、点击“查看课程”</p>
                    <p>3、系统将针对各班最弱项生成16周定制化体质改善系列课。</p>
                    <p>4、点击1-16周各模块，右侧展示对应一周具体课程。</p>
                    <p>5、点击“详情”，查看本节课程详情。</p>
                </div>
            </div>
            <div class="am-u-sm-5   week_detail animate__animated" style="display: none">
                <table class="am-table am-table-bordered  am-table-compact">
                    <thead>
                    <tr>
                        <th colspan="6" ><span >第<font id="weekName"></font>周课程详情</span></th>
                    </tr>
                    <tr>
                        <th >编号</th>
                        <th>水平</th>
                        <th>难度</th>
                        <th>时长</th>
                        <th>人数</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="am-modal am-modal-no-btn am-modal-active  new_add_modal" style="display: none;">
    <div class="am-modal-dialog">
        <div class="am-modal-hd bg_tennis">
            <img src="assets/images/tennis_bg.jpg" alt="">
            <h3 class="title">幼儿体质改善课程</h3>
            <p class="info" id="courseTitle">TKSZX0001</p>
            <a href="javascript: void(0)" class="am-close " data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd">
            <table class="am-table am-table-bordered" id="modalTable"></table>
            <div class="switch_bar">
                <span  data-info="course_video" data-value="">课程讲解</span>
                <span class="cur" data-info="rhythm_video" data-value="">律动课程</span>
                <span data-info="game_video" data-value="">游戏课程</span>
                <span data-info="book_video" data-value="">绘本课程</span>
                <span data-info="teachingt_img" data-value="">教案</span>
            </div>
            <div class="source_container"></div>
            <div class="btn_content" style="display: none;">
                <a class="am-btn " id="downloadBtn">下载教案</a>
                <a class="am-btn am-btn-primary" id="printBtn">打印</a>
            </div>
        </div>
    </div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/layer.js"></script>
<script src="assets/js/jquery.cookie.js"></script>
<script src="assets/js/md5.min.js"></script>
<script src="assets/js/jquery.pagination.js"></script>
<script src="assets/js/jquery.serializejson.min.js"></script>
<script src="assets/js/request.js"></script>
<script src="assets/js/verification.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/improve_course.js" ></script>
</body>
</html>